body.layout--home {
  .archive__subtitle {
    display: none;
  }

  .archive .list__item:first-child .archive__item-title {
    margin-top: 0;
  }
}

.archive-group {
  display: flex;
  justify-content: space-around;

  @include breakpoint($large) {
    font-size: 0.9em;
  }
}

.archive-group__item {
  flex: 1 0 0;
  margin-left: gutter(of 12);
  max-width: 100%;

  &:first-child {
    margin-left: 0;

    @include breakpoint($large) {
      max-width: 67%;
    }
  }

  .archive__subtitle a {
    color: inherit;
    text-decoration: none;
  }

  .archive__item h2 {
    font-size: 1.33em;
  }
}
